
/*
 * @Date: 2024-11-22 10:06:39
 * @Author: LiSong
 * @LastEditors: LiSong
 * @LastEditTime: 2025-02-17 14:45:13
 * @Description: 数据面板配置
 */
import schema from './schema.js'

import { useDbSource } from '@hp/hooks/useDbSource.js'

const { loadDataCols } = useDbSource()

export default {
  // 组件
  component: () => import("./DataBoard2.vue"),
  // 类型
  type: 'databoard2',
  // 名称
  name: '数据面板2',
  // 图标或图片
  icon: 'pi/data-board2.png',
  // 初始配置
  schema,
  // 大小定位
  layout: {
    i: '',
    x: '',
    y: '',
    w: 24,
    h: 12,
    minW: 24,
    minH: 12,
    maxW: 120,
    maxH: 24,
    static: false,
  },
  // 配置
  config: [
    {
      config: {
        label: '基础配置'
      },
      children: [
        {
          type: 'input',
          field: 'desc',
          label: '描述',
          compProps: {
          }
        },
        // {
        //   type: 'input-color',
        //   field: 'numColor',
        //   label: '指标颜色',
        //   compProps: {}
        // },
      ]
    },
    {
      config: {
        label: '数据配置'
      },
      children: [
        {
          type: 'input-dbsource',
          field: 'dataSource',
          label: '数据源',
          noForm: false,
          compProps: {
          }
        },
        {
          type: 'select',
          field: 'dataKeys.v1',
          label: '指标',
          compProps: {
            clearable: true,
            getUpConfig ({ schema }) {
              return { 
                options: loadDataCols(schema),
              }
            }
          }
        },
      ]
    },
    {
      config: {
        label: '事件配置'
      },
      children: [
        {
          type: 'event-onclick',
          field: 'onClick',
          label: 'onClick',
          compProps: {
            eventName: 'onClick',
          }
        },
      ]
    }
  ]
}